<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<button class="btn">OK</button>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(".btn").on("click", function() {
				$.ajax({
					type: "GET", //请求的方式
					url: "http://student.bluej.cn/index/index/lucky_draw1", //请求的路径地址
					async: true, //是否异步
					dataType: "jsonp", //dataType设置为jsonp可以解决跨域问题
					jsonp: "callback", //传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
					jsonpCallback: "lucky_num", //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
					success: function(res) { //请求成功并返回数据的回调
						//后面任何基于res数据的代码都要写在success的回调函数里面
						console.log(res[0].num);
					},
					error: function(a, b, c) {
						console.log(a); //错误对象
						console.log(b); //错误类型
						console.log(c); //错误的具体信息
					}
				});
			})
		</script>
	</body>

</html>